<template>
  <div>
    <child-test3 id="test3" slo>
      <!--
        作用域插槽
        子组件中定义的变量 user 在父组件中使用
      -->
      <template #slot1="slotProps">
        {{ slotProps.user.age }}
      </template>

      <template #slot2="{ user }">
        {{ user.name }}
      </template>
    </child-test3>
  </div>
</template>

<script>
  import ChildTest3 from "../../components/test2/ChildTest3";
  export default {
    name: "SlotTest2",
    components: { ChildTest3 }
  }
</script>

<style scoped>
  #test3 {
    font-size: 30px;
  }
</style>
